﻿@using SecsaMvcApplication.Models;

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <title>@ViewBag.Title - Secsa</title>
    <link href="~/favicon.ico" rel="shortcut icon" type="image/x-icon">
    <meta name="viewport" content="width=device-width" />
    <link href="@Url.Content("~/Content/css/jquery-ui.css")" rel="stylesheet">
    <link href="@Url.Content("~/Content/css/bootstrap.min.css")" rel="stylesheet">
    <link href="@Url.Content("~/Content/css/bootstrap-admin.css")" rel="stylesheet">
    <link href="@Url.Content("~/Content/css/font-awesome.min.css")" rel="stylesheet">
    <link href="@Url.Content("~/Content/css/bootstrap-timepicker.min.css")" rel="stylesheet">
    <link href="@Url.Content("~/Content/css/prettify.css")" rel="stylesheet">
    <link href="http://fonts.googleapis.com/css?family=Droid+Sans:400,700" rel="stylesheet">
    <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
      <script src="../assets/js/html5shiv.js"></script>
    <![endif]-->
    <script src="@Url.Content("~/Scripts/jquery-1.9.1.min.js")" rel="stylesheet"></script>
    <script src="@Url.Content("~/Scripts/jquery-ui.js")" rel="stylesheet"></script>
    <script src="@Url.Content("~/Scripts/datepicker-ptbr.js")" rel="stylesheet"></script>
    <script src="@Url.Content("~/Scripts/bootstrap.min.js")" rel="stylesheet"></script>
    <script src="@Url.Content("~/Scripts/prettify.js")" rel="stylesheet"></script>
    <script src="@Url.Content("~/Scripts/bootstrap-timepicker.min.js")" rel="stylesheet"></script>
    
    <script src="@Url.Content("~/Scripts/noty/jquery.noty.js")" rel="stylesheet"></script>
    <script src="@Url.Content("~/Scripts/noty/promise.js")" rel="stylesheet"></script>
    <script src="@Url.Content("~/Scripts/noty/layouts/top.js")"></script>
    <script src="@Url.Content("~/Scripts/noty/layouts/topCenter.js")"></script>
    <script src="@Url.Content("~/Scripts/noty/layouts/topLeft.js")"></script>
    <script src="@Url.Content("~/Scripts/noty/layouts/topRight.js")"></script>
    <script src="@Url.Content("~/Scripts/noty/layouts/bottom.js")"></script>
    <script src="@Url.Content("~/Scripts/noty/layouts/bottomCenter.js")"></script>
    <script src="@Url.Content("~/Scripts/noty/layouts/bottomLeft.js")"></script>
    <script src="@Url.Content("~/Scripts/noty/layouts/bottomRight.js")"></script>
    <script src="@Url.Content("~/Scripts/noty/layouts/center.js")"></script>
    <script src="@Url.Content("~/Scripts/noty/layouts/centerLeft.js")"></script>
    <script src="@Url.Content("~/Scripts/noty/layouts/centerRight.js")"></script>
    <script src="@Url.Content("~/Scripts/noty/layouts/inline.js")"></script>
    <script src="@Url.Content("~/Scripts/noty/themes/default.js")"></script>

    <script src="@Url.Content("~/Scripts/main.js")" rel="stylesheet"></script>
</head>
<body>

    @{ var noty = TempData["Notificacao"] as NotificacaoViewModel; }

    @if (noty != null) {
        <script>
            var noty = noty({
                layout: 'bottomLeft',
                text: '@noty.Texto',
                type: '@noty.Tipo'
            });
        </script>   
    }

    <div class="navbar navbar-fixed-top m-header">
        <div class="navbar-inner m-inner">
            <div class="container-fluid">
                <a href="@Url.Action("Index", "Home")" class="brand m-brand">Secsa</a>

                <form class="form-inline m-search span5" action="Agendamentos/Create" method="post">
                    <div class="input-append">
                        <input type="text" id="search" class="span5" placeholder="Paciente">
                        <button type="submit" class="btn btn-primary"><i class="icon-white icon-search"></i></button>
                    </div>
                    <script>
                        $("#search").typeahead({
                            source: function (query, process) {
                                return $.get('/Pacientes/FindByName',
                                    { query: query },
                                    function (json) {
                                        if (json) {
                                            var results = []

                                            if (json instanceof Array) {
                                                $.each(json, function () {
                                                    results.push(this.Nome)
                                                })
                                            } else {
                                                results.push(json.Nome)
                                            }

                                            return process(results)
                                        }
                                    }
                                )
                            }
                        })
                    </script>
                </form>

                <div class="btn-group pull-right">
                    <button class="btn btn-primary"><i class="icon-user icon-white"></i> Marcilio</button>
                    <button class="btn btn-primary dropdown-toggle" data-toggle="dropdown">
                        <span class="caret"></span>
                    </button>
                    <ul class="dropdown-menu">
                        <li><a href="#"><i class="icon-user"></i> Conta</a></li>
                        <li><a href="#"><i class="icon-comment"></i> Mensagens</a></li>
                        <li><a href="#"><i class="icon-cog"></i> Configurações</a></li>
                        <li class="divider"></li>
                        <li><a href="login.html"><i class="icon-off"></i>Sair</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <div class="m-top"></div>

    <aside class="sidebar">
        <ul class="nav nav-tabs nav-stacked">
            <li class="active">
                <a href="@Url.Action("Index", "Home")">
                    <div>
                        <div class="ico">
                            <img src="@Url.Content("~/Content/img/icons/home.png")" alt="" />
                        </div>
                        <div class="title">
                            Início
                        </div>
                    </div>

                    <div class="arrow">
                        <div class="bubble-arrow-border"></div>
                        <div class="bubble-arrow"></div>
                      </div>
                </a>
            </li>

            <li class="">
                <a href="@Url.Action("Index", "Consultas")">
                    <div>
                        <div class="ico">
                            <img src="@Url.Content("~/Content/img/icons/date.png")" alt="" />
                        </div>
                        <div class="title">
                            Consultas
                        </div>
                    </div>
                    <div class="arrow">
                        <div class="bubble-arrow-border"></div>
                        <div class="bubble-arrow"></div>
                    </div>
                </a>
            </li>

            <li class="">
                <a href="@Url.Action("Index", "Agendamentos")">
                    <div>
                        <div class="ico">
                            <img src="@Url.Content("~/Content/img/icons/calendar.png")" alt="" />
                        </div>
                        <div class="title">
                            Agendamentos
                        </div>
                    </div>
                    <div class="arrow">
                        <div class="bubble-arrow-border"></div>
                        <div class="bubble-arrow"></div>
                    </div>
                </a>
            </li>

            <li class="">
                <a href="@Url.Action("Index", "Medicamentos")">
                    <div>
                        <div class="ico">
                            <img src="@Url.Content("~/Content/img/icons/pills.png")" alt="" />
                        </div>
                        <div class="title">
                            Medicamentos
                        </div>
                    </div>
                    <div class="arrow">
                        <div class="bubble-arrow-border"></div>
                        <div class="bubble-arrow"></div>
                    </div>
                </a>
            </li>

            <li class="">
                <a href="@Url.Action("Index", "Pacientes")">
                    <div>
                        <div class="ico">
                            <img src="@Url.Content("~/Content/img/icons/patient.png")" alt="" />
                        </div>
                        <div class="title">
                            Pacientes
                        </div>
                    </div>

                    <div class="arrow">
                        <div class="bubble-arrow-border"></div>
                        <div class="bubble-arrow"></div>
                    </div>
                </a>
            </li>

            <li class="">
                <a href="@Url.Action("Index", "Medicos")">
                    <div>
                        <div class="ico">
                            <img src="@Url.Content("~/Content/img/icons/doctor.png")" alt="" />
                        </div>
                        <div class="title">
                            Médicos
                        </div>
                    </div>

                    <div class="arrow">
                        <div class="bubble-arrow-border"></div>
                        <div class="bubble-arrow"></div>
                    </div>
                </a>
            </li>

            <li class="">
                <a href="notification.html">
                    <div>
                        <div class="ico">
                            <img src="@Url.Content("~/Content/img/icons/attend.png")" alt="" />
                        </div>
                        <div class="title">
                            Atendentes
                        </div>
                    </div>

                    <div class="arrow">
                        <div class="bubble-arrow-border"></div>
                        <div class="bubble-arrow"></div>
                    </div>
                </a>
            </li>

            <li class="">
                <a href="help.html">
                    <div>
                        <div class="ico">
                            <img src="@Url.Content("~/Content/img/icons/admin.png")" alt="" />
                        </div>
                        <div class="title">
                            Administradores
                        </div>
                    </div>
                    <div class="arrow">
                        <div class="bubble-arrow-border"></div>
                        <div class="bubble-arrow"></div>
                    </div>
                </a>
            </li>

            <li class="">
                <a href="help.html">
                    <div>
                        <div class="ico">
                            <img src="@Url.Content("~/Content/img/icons/panel.png")" alt="" />
                        </div>
                        <div class="title">
                            Configurações
                        </div>
                    </div>
                    <div class="arrow">
                        <div class="bubble-arrow-border"></div>
                        <div class="bubble-arrow"></div>
                    </div>
                </a>
            </li>

            <li class="">
                <a href="help.html">
                    <div>
                        <div class="ico">
                            <img src="@Url.Content("~/Content/img/icons/support.png")" alt="" />
                        </div>
                        <div class="title">
                            Suporte
                        </div>
                    </div>
                    <div class="arrow">
                        <div class="bubble-arrow-border"></div>
                        <div class="bubble-arrow"></div>
                    </div>
                </a>
            </li>

            <li class="">
                <a id="btn-more" href="#" style="display: block;">
                    <div>
                        <div class="ico">
                            <img src="@Url.Content("~/Content/img/icons/more.png")" alt="" />
                        </div>
                        <div class="title">
                            Mais
                        </div>
                    </div>
                </a>
            </li>
        </ul>
    </aside>
    <div class="m-sidebar-collapsed">
        <ul class="nav nav-pills">
        </ul>

        <div class="arrow-border">
            <div class="arrow-inner"></div>
        </div>
    </div>
    <div class="main-container">
        <div class="container-fluid">
            @RenderBody()
        </div>
    </div>
</body>
</html>
